.wrap {
  width: 982px;
  min-height: 700px;
  _height: 700px;
  margin: 0 auto;
  border: 1px solid #d3d3d3;
  border-width: 0 1px;
}
.wrap .u-main {
  width: 800px !important;
  padding: 40px;
  border-left: 1px solid #d3d3d3;
  background-color: #fff;
}
.wrap .u-main #inital-selector {
  margin-top: 20px;
  margin-left: -3px;
  overflow: hidden;
}
.wrap .u-main #inital-selector li {
  display: inline;
  float: left;
  margin-left: 3px;
  font-size: 14px;
}
.wrap .u-main #inital-selector li .hot,
.wrap .u-main #inital-selector li .other {
  width: 45px;
  height: 24px;
  font-size: 12px;
}
.wrap .u-main #inital-selector li a {
  float: left;
  width: 21px;
  line-height: 24px;
  text-align: center;
}
.wrap .u-main #inital-selector li a.current {
  background: #c20c0c;
  border-radius: 2px;
  color: #fff;
}
.wrap .u-main .singer-list {
  margin: 20px 0 0 -17px;
  overflow: hidden;
}
.wrap .u-main .singer-list li {
  width: 147px;
  height: 184px;
  float: left;
  display: inline-block;
  overflow: hidden;
  padding: 0 0 30px 17px;
  line-height: 1.4;
  text-align: left;
}
.wrap .u-main .singer-list li .u-cover {
  position: relative;
  width: 130px;
  height: 130px;
}
.wrap .u-main .singer-list li .u-cover .msk {
  height: 130px;
  width: 130px;
  background-position: 0 -680px;
}
.wrap .u-main .singer-list li p {
  margin-top: 8px;
}
.wrap .u-main .singer-list li p .u-icn-wrap {
  float: right;
}
.wrap .u-main .singer-list li p .u-icn-wrap .u-icn {
  width: 17px;
  height: 18px;
  background-position: 0 -740px;
}
.wrap .u-main .singer-list li.line {
  margin-bottom: 12px;
  border-bottom: 1px dotted #999;
}
.wrap .u-main .singer-list li.sml {
  height: 30px;
  width: 147px;
  padding-bottom: 0;
  line-height: 23px;
}
.wrap .u-main .singer-list li.sml .u-icn {
  margin: 4px 0 0 2px;
  width: 17px;
  height: 18px;
  background-position: 0 -740px;
}
.wrap .u-main .singer-list li .name {
  float: left;
  max-width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
